import React, { Fragment, memo } from 'react';
import { Breadcrumb, Card, Input } from 'antd';
import { Link } from 'react-router-dom';
const { Search } = Input;
export default memo(

  function Users() {
    const searchClick = () => {

    }
    return <Fragment>
      <Breadcrumb style={{ marginBottom: '10px' }} >
        <Breadcrumb.Item>
          <Link to='/'>
            首页
          </Link>
        </Breadcrumb.Item>
        <Breadcrumb.Item>
          用户管理
        </Breadcrumb.Item>
        <Breadcrumb.Item>
          用户列表
        </Breadcrumb.Item>
      </Breadcrumb>
      <Card title={() => {
        return <Search placeholder="input search text" allowClear onSearch={searchClick} style={{ width: 200 }} />
      }}   >
        <p>Card content</p>
        <p>Card content</p>
        <p>Card content</p>
      </Card>
    </Fragment>
  }
)